<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0,user-scalable=no">
		<title>分类</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/furnitureClassify.css">
		<link rel="stylesheet" type="text/css" href="font/iconfont.css">
		<script src="js/phone.js"></script>
	</head>

	<body>
		<!-- 顶部导航开始 -->
		<header class="clearfix">
        	<a class="fl" onclick="JavaScript:history.back(-1);" style="font-size: .3rem;margin-top: .28rem">&nbsp;&lt;返回
        	</a>
        	<h1 class="fl">
        	    <i style="font-size: .4rem;" class="iconfont icon-shouye"></i>
        	    <span>家居分类</span>
        	</h1>
        	<a class="fl clearfix" href="personalCenter.html">
            <i style="margin-top: .09rem;" class="user-icon iconfont icon-head fr"></i>
        </a>
		</header>
		<!-- 顶部导航结束-->

		<div class="container">
			<!-- 搜索开始 -->
			<form action="">
				<p class="por"><i class="iconfont icon-sousuolansousuo poa"></i><input type="text" value="搜索你想要的商品"></p>
			</form>
			<!-- 搜索结束 -->

			<!-- 推荐品牌开始 -->
			<div class="recommendBrand">
				<div class="brandTitle">
					<h3>推荐品牌</h3>
				</div>
			</div>
			<div class="brandContent">
				<ul class="clearfix">
					<li>
						<a href=""><img src="img/brand1.jpg" alt=""></a>
					</li>
					<li>
						<a href=""><img src="img/brand2.jpg" alt=""></a>
					</li>
					<li>
						<a href=""><img src="img/brand3.jpg" alt=""></a>
					</li>
					<li>
						<a href=""><img src="img/brand4.jpg" alt=""></a>
					</li>
					<li>
						<a href=""><img src="img/brand5.jpg" alt=""></a>
					</li>
					<li>
						<a href=""><img src="img/brand6.jpg" alt=""></a>
					</li>
					<li>
						<a href=""><img src="img/brand7.jpg" alt=""></a>
					</li>
					<li>
						<a href=""><img src="img/brand8.jpg" alt=""></a>
					</li>
				</ul>
			</div>
			<!-- 推荐品牌结束 -->

			<!-- 热门分类开始 -->
			<div class="recommendBrand">
				<div class="brandTitle">
					<h3>热门分类</h3>
				</div>
			</div>
			<div class="recommendContent">
				<div class="wrapper">
					<dl class="clearfix">
						<dt>
                        <p>客厅系列</p>
                        <p>卫浴系列</p>
                     </dt>
						<dd>
							<span><img src="img/sofa.jpg" alt=""><i>沙发</i></span>
							<span class="span2"><img src="img/teaTable.jpg" alt=""><i>茶几</i></span>
						</dd>
					</dl>
					<dl class="clearfix">
						<dt>
                        <p>厨房系列</p>
                        <p>阳台系列</p>
                     </dt>
						<dd>
							<span><img src="img/cabinet1.jpg" alt=""><i>电视机柜</i></span>
							<span class="span2"><img src="img/cabinet2.jpg" alt=""><i>电视机柜</i></span>
						</dd>
					</dl>
					<dl class="clearfix">
						<dt>
                        <p>书房系列</p>
                        <p>灯具系列</p>
                     </dt>
						<dd>
							<span><img src="img/sofa1.jpg" alt=""><i>沙发</i></span>
							<span class="span2"><img src="img/teaTable1.jpg" alt=""><i>茶几</i></span>
						</dd>
					</dl>
					<dl class="clearfix">
						<dt>
                        <p>卧室系列</p>
                        <p>艺术饰品</p>
                     </dt>
						<dd>
							<span><img src="img/cabinet1.jpg" alt=""><i>软床</i></span>
							<span class="span2"><img src="img/cabinet2.jpg" alt=""><i>名画</i></span>
						</dd>
					</dl>
				</div>
			</div>
			<!-- 热门分类结束 -->

		</div>
		<!-- 底部开始 -->
		<footer>
			<ul class="clearfix">
				<li>
					<a href="index.html">
						<div class="footer-icon iconfont icon-shouye-copy"></div>
						<p>首页</p>
					</a>
				</li>
				<li>
					<a href="furnitureClassify.html">
						<div class="footer-icon iconfont icon-fenlei green"></div>
						<p>分类</p>
					</a>
				</li>
				<li>
					<a href="community.html">
						<div class="footer-icon iconfont icon-shequ"></div>
						<p>社区</p>
					</a>
				</li>
				<li>
					<a href="Carlist.html">
						<div class="footer-icon iconfont icon-iconfontgouwuche"></div>
						<p>购物车</p>
					</a>
				</li>
				<li>
					<a href="customize.html">
						<div class="footer-icon iconfont icon-pan"></div>
						<p>我的定制</p>
					</a>
				</li>
				<li>
					<a href="personalCenter.html">
						<div class="footer-icon iconfont icon-geren"></div>
						<p>个人中心</p>
					</a>
				</li>
			</ul>
		</footer>
		<!-- 底部结束 -->
	</body>

</html>